<template>
  <div class="theme-active-text-color content">
    <div class="project" @click="toDetail">
      <img src="../../assets/img/xm1.jpg" />
      <div class="detail">
        <div class="detail_t">武汉市龙阳碧桂园项目二期</div>
        <div class="detail_d">合同完工期：2021年10月30日</div>
      </div>
    </div>
    <div class="project">
      <img src="../../assets/img/xm2.jpg" />
      <div class="detail">
        <div class="detail_t">咸宁市东湖学院项目一期</div>
        <div class="detail_d">合同完工期：2021年10月30日</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {
      
    };
  },
  created() {
   
  },
  methods: {
    toDetail(){
      this.$router.push({
        path:"projectDetail"
      })
    }
    
     
  }
};
</script>
<style lang="less" scoped>
.content{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: .1rem;
  display: flex;

  .project{
    cursor: pointer;
    width: 300px;
    height: 400px;
    background: #fff;
    border-radius: 10px;
    margin: 10px;
    overflow: hidden;
    img{
      width: 100%;
      height: 80%;
    }
    .detail{
      .detail_t{
        padding-top: 10px;
        font-size: .17rem;
        text-align: center;
        color: rgb(90, 89, 89);
      }
      .detail_d{
        padding-top: 10px;
        font-size: .12rem;
        text-align: center;
        color: rgb(150, 148, 148);
      }
    }
  }
}

</style>